// 重置joint样式
.joint-element .fobj body .content{
    text-align: left;
    padding: 0 4px;
    display: block;
    .dot{
        text-align: center;
        display: inline-block;
        width: 22px;
        height: 22px;
        background: #628FE4;
        border-radius: 50%;
        color: #fff;
        font-size: 12px;
        line-height: 22px;
        margin-right: 4px;
        vertical-align: middle;
        margin-top: 0.4px;
        margin-left: -1px;
    }
    .ellipsis{
        display: inline-block;
        width: 64px;
        text-overflow: ellipsis;
        overflow: hidden;
        white-space: nowrap;
        vertical-align: middle;
        color: #546281;
        font-size: 12px;
        margin-top: 0.4px;
    }
}
.sub-process{
    display: none;
}
.rotatable .label{
    transform: matrix(1, 0, 0, 1, 11, 20) !important;
}
.stencil-paper-drag{
    background: 0 0!important;
    opacity: .7;
    cursor: none;
    pointer-events: none;
}
.joint-navigator .current-view{
    position: absolute;
    cursor: move;
    margin: -2px 0 0 -2px;
    border: 2px dotted #999;
}
.joint-navigator .current-view-control{
    position: absolute;
    right: 0;
    bottom: 0;
    width: 10px;
    height: 10px;
    cursor: nwse-resize;
    margin: 0 -7px -7px 0;
    border-radius: 50%;
    border: 2px solid grey;
    background-color: #fff;
    display: none;
}
.joint-snaplines{
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    pointer-events: none;
}
.joint-snaplines>.snapline{
    position: absolute;
    pointer-events: none;
    opacity: 1;
}
.joint-snaplines.joint-theme-default .snapline.vertical{
    border-right: 1px solid #FF9800;
}
.joint-paper-scroller .joint-snaplines>.snapline.vertical{
    height: 700%;
    top: -300%;
}
.joint-snaplines.joint-theme-default .snapline.horizontal{
    border-bottom: 1px solid #FF9800;
}
.joint-paper-scroller .joint-snaplines>.snapline.horizontal{
    width: 700%;
    left: -300%;
}
.link-tools .tool-options{
    display: block;
}
.joint-halo .handle{
    width: 15px;
    height: 15px;
    background-size: 15px 15px !important;
    font-size: 15px;
}
.joint-halo.surrounding .handle.nw{
    top: -19px;
    left: -19px;
}
.joint-halo.surrounding .handle.sw{
    bottom: -19px;
    left: -19px;
}
.joint-halo.surrounding .handle.w{
    left: -19px;
    margin-top: -8px;
}
.joint-halo.surrounding .handle.ne{
    top: -19px;
    right: -19px;
}
.joint-halo.surrounding .handle.e{
    right: -19px;
}
.joint-halo.surrounding .handle.se{
    bottom: -19px;
    right: -19px;
}
.joint-halo.surrounding .handle.n{
    top: -19px;
    margin-left: -6px;
}
.joint-selection .selection-wrapper{
    box-sizing: content-box;
    border: 1px dotted #9e9e9e !important;
}
.joint-selection.joint-theme-default .selection-box{
    border: 2px dashed #607D8B;
    box-sizing: border-box;
    margin-top: 0;
    margin-left: 0;
}
.joint-selection .box{
    display: none;
}